<template>
  <el-container>
    <el-header>联系我们</el-header>

    <el-descriptions class="margin-top" :column="1" :size="size" border>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-user"></i>
          联系人姓名
        </template>
        张三
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-mobile-phone"></i>
          手机号
        </template>
        18100000000
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-location-outline"></i>
          居住地
        </template>
        武汉市
      </el-descriptions-item>
      <el-descriptions-item>
        <template slot="label">
          <i class="el-icon-office-building"></i>
          联系地址
        </template>
        湖北省武汉市江夏区XXXX 1188 号
      </el-descriptions-item>
    </el-descriptions>

    <router-link to="/" class="back-home">回到首页</router-link>
  </el-container>
</template>

<script>
export default {
  name: 'Contact',
}
</script>

<style scoped>
.el-header {
  margin-top: 100px;
  text-align: center;
  line-height: 100px;
  font-size: 50px;
  color: #fff;
  font-family: '隶书';
}
.el-main {
  background-color: rgba(233, 238, 243, 0.9);
  border-radius: 10px;
  color: #333;
  text-align: center;
  line-height: 160px;
  font-size: 50px;
}
.margin-top {
  width: 600px;
  margin: 100px auto;
}
.back-home {
  padding-right: 100px;
  text-align: right;
}
</style>
